<html>
<head >
	<title>Sand</title>
	<!--  <link rel="stylesheet" href="css/jq.css" type="text/css" media="print, projection, screen" />
-->
	<link rel="stylesheet" href="../themes/blue/style.css" type="text/css" media="print, projection, screen" />
	<script type="text/javascript" src="../jquery-latest.js"></script>
	<script type="text/javascript" src="../jquery.tablesorter.js"></script>
	<!--
	  <script type="text/javascript" src="js/chili/chili-1.8b.js"></script>
	<script type="text/javascript" src="js/docs.js"></script>
	-->
	<script type="text/javascript" src="../addons/pager/jquery.tablesorter.pager.js"></script>
	<script type="text/javascript">
	$(function() {
		$("table")
			.tablesorter({widthFixed: true, widgets: ['zebra']})
			.tablesorterPager({container: $("#pager")});
	});
	</script>
</head>
<body>
<a href="sand.html">Link</a>
<a href = "http://www.google.com">test</a>

<h1>Test</h1>



  

<table id="mytable" class="tablesorter" border="0" cellpadding="0" cellspacing="1">
	<thead>
	<tr>
		<th>one</th>
		<th>two</th>
		<th>three</th>
	</tr>
	</thead>
	<tbody>
	<tr>
		<td>1</td>
		<td>2</td>
		<td>3</td>
	</tr>
	<tr>
		<td>8</td>
		<td>6</td>
		<td>5</td>
	</tr>
	<tr>
		<td>6</td>
		<td>7</td>
		<td>8</td>
	</tr>
		<tr>
		<td>6</td>
		<td>7</td>
		<td>8</td>
	</tr>
		<tr>
		<td>6</td>
		<td>7</td>
		<td>8</td>
	</tr>
		<tr>
		<td>6</td>
		<td>7</td>
		<td>8</td>
	</tr>
		<tr>
		<td>6</td>
		<td>7</td>
		<td>8</td>
	</tr>
		<tr>
		<td>6</td>
		<td>7</td>
		<td>8</td>
	</tr>
		<tr>
		<td>6</td>
		<td>7</td>
		<td>8</td>
	</tr>
		<tr>
		<td>6</td>
		<td>7</td>
		<td>8</td>
	</tr>
		<tr>
		<td>6</td>
		<td>7</td>
		<td>8</td>
	</tr>
		<tr>
		<td>6</td>
		<td>7</td>
		<td>8</td>
	</tr>
		<tr>
		<td>6</td>
		<td>7</td>
		<td>8</td>
	</tr>
		<tr>
		<td>6</td>
		<td>7</td>
		<td>8</td>
	</tr>
		<tr>
		<td>0</td>
		<td>9</td>
		<td>5</td>
	</tr>
	</tbody>
</table>
<div id="pager" class="pager">
	<form>
		<img src="../addons/pager/icons/first.png" class="first"/>
		<img src="../addons/pager/icons/prev.png" class="prev"/>
		<input type="text" class="pagedisplay"/>
		<img src="../addons/pager/icons/next.png" class="next"/>
		<img src="../addons/pager/icons/last.png" class="last"/>
		<select class="pagesize">
			<option selected="selected"  value="10">10</option>
			<option value="20">20</option>
			<option value="30">30</option>
			<option  value="40">40</option>
		</select>
	</form>
</div>
</body>
</html>